<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
   键盘事件监听
    1. 按键按下    onkeydown
    2. 按键弹起    onkeyup


-->

<input type="text" name="username" placeholder="请输入用户名" style="height: 50px;width: 150px">

<script>

   let input =  document.querySelector('input[type="text"]')
   // 监听按键的按下  默认参数  事件对象
   input.onkeydown = function (event){
       // enter 获取表单中的数据  this  指向事件源  Enter
       if (event.keyCode==13){
           console.log(this.value)
       }
   }

</script>
</body>
</html>
